<template>
 <div class="fill-width-height" style="padding: 12px;">
   <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
     <el-tab-pane label="小程序" name="second">
       <SmallProgramConfig/>
     </el-tab-pane>
     <el-tab-pane label="广告位配置" name="adUnitId">
       <AdUnitIdConfig/>
     </el-tab-pane>
     <el-tab-pane label="app配置" name="first">
       <AppConfig/>
     </el-tab-pane>
     <el-tab-pane label="图片压缩配置" name="three">
       <ImageSizeConfig/>
     </el-tab-pane>
     <el-tab-pane label="图片抓取配置" name="four">
       <CrawlingConfig/>
     </el-tab-pane>
   </el-tabs>
 </div>
</template>
<script>
export default {
  components: {
    SmallProgramConfig: () => import('./smallProgramConfig'),
    AdUnitIdConfig: () => import('./AdUnitIdConfig'),
    AppConfig: () => import('./appConfig'),
    ImageSizeConfig: () => import('./imageSizeConfig'),
    CrawlingConfig: () => import('./crawlingConfig')
  },
  data(){
    return{
      activeName: 'second'
    }
  },
  methods: {
    handleClick(){}
  }
}
</script>
